<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
	<f:view contentType="text/html" encoding="utf-8">
      <h:head/>
<h:body>

 <p:tabMenu activeIndex="5">
    		<p:menuitem value="RicercaPacchetto" url="search.xhtml" icon="ui-icon-search" />
    		<p:menuitem value="AreaPersonale" url="index.xhtml" icon="ui-icon-person" />
       	</p:tabMenu>
    #{personalizeBean.prepareToSave()}
    <br/><br/>
	<br/><b><font face ="Verdana" size = "5" color = "#A9A9A9">Riepilogo<br/></font></b>
    <br/><br/>
    <p:panel header="DETTAGLI VOLI">
			<h:panelGrid columns="1" id="regGrid">
    <h:outputLabel> VOLO ANDATA: </h:outputLabel><br/><br/>
    <h:outputLabel>VID: #{personalizeBean.selectedVoloAndata.vid}</h:outputLabel><br/>
    <h:outputLabel>Compagnia: #{personalizeBean.selectedVoloAndata.compagnia}</h:outputLabel><br/>
    <h:outputLabel>CostoBiglietto: #{personalizeBean.selectedVoloAndata.costoBiglietto}</h:outputLabel><br/>
    <h:outputLabel>Località Partenza: #{personalizeBean.selectedVoloAndata.localitàPartenza}</h:outputLabel><br/>
    <h:outputLabel>Località Arrivo: #{personalizeBean.selectedVoloAndata.localitàArrivo}</h:outputLabel><br/>
    <h:outputLabel>Data Partenza: #{personalizeBean.selectedVoloAndata.dataPartenza}</h:outputLabel><br/>
    <h:outputLabel>Ora Partenza: #{personalizeBean.selectedVoloAndata.oraPartenza}</h:outputLabel><br/>
    <h:outputLabel>Data Arrivo: #{personalizeBean.selectedVoloAndata.dataArrivo}</h:outputLabel><br/> 
    <h:outputLabel>Ora Arrivo: #{personalizeBean.selectedVoloAndata.oraArrivo}</h:outputLabel><br/><br/><br/><br/>
    <h:outputLabel> VOLO RITORNO: </h:outputLabel><br/><br/>
    <h:outputLabel>VID: #{personalizeBean.selectedVoloRitorno.vid}</h:outputLabel><br/>
    <h:outputLabel>Compagnia: #{personalizeBean.selectedVoloRitorno.compagnia}</h:outputLabel><br/>
    <h:outputLabel>CostoBiglietto: #{personalizeBean.selectedVoloRitorno.costoBiglietto}</h:outputLabel><br/>
    <h:outputLabel>Località Partenza: #{personalizeBean.selectedVoloRitorno.localitàPartenza}</h:outputLabel><br/>
    <h:outputLabel>Località Arrivo: #{personalizeBean.selectedVoloRitorno.localitàArrivo}</h:outputLabel><br/>
    <h:outputLabel>Data Partenza: #{personalizeBean.selectedVoloRitorno.dataPartenza}</h:outputLabel><br/>
    <h:outputLabel>Ora Partenza: #{personalizeBean.selectedVoloRitorno.oraPartenza}</h:outputLabel><br/>
    <h:outputLabel>Data Arrivo: #{personalizeBean.selectedVoloRitorno.dataArrivo}</h:outputLabel><br/>
    <h:outputLabel>Ora Arrivo: #{personalizeBean.selectedVoloRitorno.oraArrivo}</h:outputLabel><br/><br/><br/>
    </h:panelGrid>
		</p:panel>
	<p:panel header="DETTAGLI HOTEL">
			<h:panelGrid columns="1" id="regGrid2">
        DETTAGLI HOTEL: <br/><br/>
 	<h:outputLabel>HID: #{personalizeBean.selectedHotel.hid}</h:outputLabel><br/>
 	<h:outputLabel>Descrizione: #{personalizeBean.selectedHotel.descrizione}</h:outputLabel><br/>
 	<h:outputLabel>Località: #{personalizeBean.selectedHotel.località}</h:outputLabel><br/>
 	<h:outputLabel>Costo Per Giorno: #{personalizeBean.selectedHotel.costoPerGiorno}</h:outputLabel><br/><br/><br/>
 	</h:panelGrid>
		</p:panel>
 	    <br/><b><font face ="Verdana" size = "5" color = "#A9A9A9">Dettagli Escursioni<br/></font></b><br/><br/>
 	<h:form id="form">
 	
	<p:dataGrid var="esc" value="#{personalizeBean.nuovaListaEscursioni}" columns="3"
		rows="12" paginator="true"
		paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		rowsPerPageTemplate="9,12,15">

        <p:panel header="#{esc.dataEx}" style="text-align:center">
            <h:panelGrid columns="1" style="width:100%"> 

                <h:outputText value="#{esc.localitàEscursione}" />

                <p:commandLink update=":form:escDetail" oncomplete="PF('escDialog').show()" title="View Detail">
                    <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" /> 
                    <f:setPropertyActionListener value="#{esc}" 
                            target="#{personalizeBean.selectedEscursione}" />
                </p:commandLink>
            </h:panelGrid>
        </p:panel>

	</p:dataGrid>
	
	<p:dialog header="escDetail" widgetVar="escDialog" modal="true">
		<p:outputPanel id="escDetail" style="text-align:center;">
			
			<h:panelGrid  columns="2" cellpadding="5">
				<h:outputLabel for="xid" value="XID: " />
				<h:outputText id="xid" value="#{personalizeBean.selectedEscursione.xid}" />
				
				<h:outputLabel for="descrizione" value="Descrizione: " />
				<h:outputText id="descrizione" value="#{personalizeBean.selectedEscursione.descrizione}" />
				
				<h:outputLabel for="localitàEscursione" value="Località Escursione: " />
				<h:outputText id="localitàEscursione" value="#{personalizeBean.selectedEscursione.localitàEscursione}" />
				
				<h:outputLabel for="dataEx" value="Data Escursione: " />
				<h:outputText id="dataEx" value="#{personalizeBean.selectedEscursione.dataEx}" />
				
				<h:outputLabel for="oraEx" value="Ora Escursione: " />
				<h:outputText id="oraEx" value="#{personalizeBean.selectedEscursione.oraEx}" />
				
			</h:panelGrid>
		</p:outputPanel>
	</p:dialog>
	</h:form><br/><br/>
	<br/><b><font face ="Verdana" size = "4" color = "#A9A9A9">COSTO TOTALE PACCHETTO: #{personalizeBean.packetToAdd.costoTotale} EUR<br/></font></b>
	<br/><br/>
    <h:form>
    <p:commandButton value="Conferma Personalizzazione" action="#{personalizeBean.savePersonalizedPacket()}" /><br/>
    </h:form><br/>
    <h:form>
  	<p:commandButton value="Ricomincia Personalizzazione dall'inizio" action="index.xhtml" /><br/>
  	</h:form>
</h:body>
</f:view>	
</html>